<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_508219_l4a64jmzei.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部开始 -->
    <header class="top">
        <div class="top-in">
            <ul class="top-in-l">
                <li><a href="#" class="caret">广东</a></li>
            </ul>
            <ul class="top-in-r">
                <li class="line"><a href="#">请登录</a></li>
                <li class="line"><a href="#">注册</a></li>
                <li class="line"><a href="#" class="caret">我的特卖</a></li>
                <li class="line"><a href="#" class="caret">会员俱乐部</a></li>
                <li class="line"><a href="#" class="caret">客户服务</a></li>
                <li class="line"><a href="#"><i class="iconfont icon-icon"></i> 手机版</a></li>
                <li><a href="#" class="caret">更多</a></li>
            </ul>
        </div>
    </header>
    <header class="header">
        <h1 class="logo">
            <a href="#"> <img src="../images/logo.jpg" alt="" srcset=""></a>
        </h1>
        <div class="header-r">
            <div class="header-r-l">
                <p><i class="iconfont icon-zhengping"></i> 100%正品</p>
                <p><i class="iconfont icon-sevenday"></i> 7天放心退</p>
                <p> <i class="iconfont icon-yinhangka"></i>退货返运费</p>
            </div>
            <div class="header-r-r">
                <i class="iconfont icon-gouwudaizi_"></i>
                <span>0</span>
                <p>我的购物袋</p>
            </div>
        </div>
    </header>
    <!-- 头部开始 -->
    <!-- 导航开始 -->
    <nav class="nav">
        <div class="nav-in">
            <ul class="nav-in-l">
                <li><a href="" class="current">首页</a></li>
                <li><a href=""><strong> 母婴</strong></a></li>
                <li><a href=""><strong> 家居家电</strong></a></li>
                <li><a href=""> 男士</a></li>
                <li><a href=""> 美妆</a></li>
                <li><a href=""> 生活超市</a></li>
                <li><a href=""> 金融</a></li>
                <li><a href="" class="caret"> 更多</a>
                    <div class="subnav">
                        <div class="item">
                            <a href=""><img src="../images/more1.jpg" alt="" srcset="">
                                <span>女装</span>
                            </a>
                        </div>
                        <div class="item">
                            <a href=""><img src="../images/more2.jpg" alt="" srcset="">
                                <span>鞋包</span>
                            </a>
                        </div>
                        <div class="item">
                            <a href=""><img src="../images/more3.jpg" alt="" srcset="">
                                <span>配饰</span>
                            </a>
                        </div>
                        <div class="item">
                            <a href=""><img src="../images/more4.jpg" alt="" srcset="">
                                <span>运动</span>
                            </a>
                        </div>
                        <div class="item">
                            <a href=""><img src="../images/more5.jpg" alt="" srcset="">
                                <span>唯品奢</span>
                            </a>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="nav-in-r">
                <li><a href=""><i class="iconfont icon-fenlei1"></i>&nbsp;预告</a></li>
                <li><a href=""><i class="iconfont icon-yugao"></i> &nbsp;分类</a></li>
            </ul>
        </div>
    </nav>
    <!-- 导航结束 -->
    <!-- banner开始 -->
    <div class="banner">
        <div class="banner-in">
            <ul>
                <li>
                    <a href="#"><img src="../images/banner.jpg" alt="" srcset=""></a>
                </li>
            </ul>
            <ol>
                <li>UA品牌钜献 全场6折起</li>
                <li>热辣沙滩最高198减40</li>
                <li class="current">母婴冰点盛宴</li>
                <li>宝姿vio大牌日 立抢红包</li>
            </ol>
        </div>
    </div>
    <!-- banner结束 -->
    <!-- top hot 开始 -->
    <div class="hot">
        <a href=""><img src="../images/hot.jpg" alt="" srcset="">
            <ul>
                <li>
                    <a href=""><img src="../images/hot1.jpg" alt="" srcset=""></a>
                </li>
                <li class="icon2">
                    <a href=""><img src="../images/hot2.jpg" alt="" srcset=""></a>
                </li>
                <li class="icon3">
                    <a href=""><img src="../images/hot3.jpg" alt="" srcset=""></a>
                </li>
            </ul>
        </a>
    </div>
    <!-- Top hot 结束 -->
    <!-- new 专区开始 -->
    <div class="new">
        <h2 class="new-t"><img src="../images/new.jpg" alt="" srcset=""></h2>
        <ul class="new-c">
            <li>
                <a href=""><img src="../images/new1.jpg" alt="" srcset=""><span>美妆馆</span></a>
            </li>
            <li>
                <a href=""><img src="../images/new2.jpg" alt="" srcset=""><span>鞋包馆</span></a>
            </li>
            <li>
                <a href=""><img src="../images/new3.jpg" alt="" srcset=""><span>男装馆</span></a>
            </li>
            <li>
                <a href=""><img src="../images/new4.jpg" alt="" srcset=""><span>体育馆</span></a>
            </li>
            <li>
                <a href=""><img src="../images/new5.jpg" alt="" srcset=""><span>母婴</span>馆</span>
                </a>
            </li>
            <li>
                <a href=""><img src="../images/new6.jpg" alt="" srcset=""><span>国家馆</span></a>
            </li>
            <li>
                <a href=""><img src="../images/new7.jpg" alt="" srcset=""><span>人气零食</span></a>
            </li>
            <li>
                <a href=""><img src="../images/new8.jpg" alt="" srcset=""><span>更多</span></a>
            </li>
        </ul>
        <div class="new-b">
            <div class="new-b-l">
                <a href=""><img src="../images/new_beauty.jpg" alt="" srcset="">
                    <ul>
                        <li>
                            <a href=""><img src="../images/beauty01.jpg" alt="" srcset=""> <span>连衣裙</span></a>
                        </li>
                        <li>
                            <a href=""><img src="../images/beauty02.jpg" alt="" srcset=""> <span>省心套装</span></a>
                        </li>
                        <li>
                            <a href=""><img src="../images/beauty03.jpg" alt="" srcset=""> <span>半身裙</span></a>
                        </li>
                        <li>
                            <a href=""><img src="../images/beauty04.jpg" alt="" srcset=""> <span>百搭T恤</span></a>
                        </li>

                    </ul>
                </a>
            </div>
            <div class="new-b-r new-b-l">
                <a href=""><img src="../images/new_clothes.jpg" alt="" srcset="">
                    <ul>
                        <li>
                            <a href=""><img src="../images/clothes01.jpg" alt="" srcset=""> <span>连衣裙</span></a>
                        </li>
                        <li>
                            <a href=""><img src="../images/clothes02.jpg" alt="" srcset=""> <span>省心套装</span></a>
                        </li>
                        <li>
                            <a href=""><img src="../images/clothes03.jpg" alt="" srcset=""> <span>半身裙</span></a>
                        </li>
                        <li>
                            <a href=""><img src="../images/clothes04.jpg" alt="" srcset=""> <span>百搭T恤</span></a>
                        </li>

                    </ul>
                </a>
            </div>
        </div>
    </div>

    <!-- new 专区结束 -->
</body>

</html>